<!DOCTYPE html>
<html lang="en">

<head>

    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <meta name="description" content="">
    <meta name="author" content="">

    <title>QA-Blued</title>

    <script src="../static/jquery/jquery-2.2.1.js"></script>
    <link rel="shortcut icon" href="../static/images/shouye/QA-Logo.png">
    <link href="../static/css/bootstrap.min.css" rel="stylesheet">
    <link href="../static/css/blued-admin.css" rel="stylesheet">
    <link href="../static/css/plugins/morris.css" rel="stylesheet">
    <link href="../static/font-awesome/css/font-awesome.min.css" rel="stylesheet" type="text/css">
    {% block javascript %}
    {% endblock %}
    <script type="text/javascript">
        $(document).ready(function(){
            var login="{{username}}";
            if(login=='None'){
                $("#login").attr("href","/qa/login/");

            }
            else{
{#                $("#zhuce").hide();#}
                $("#login").attr("class","ropdown-toggle");
                $("#login").attr("data-toggle","dropdown");
                $("#caret").attr("class","caret");
            }
        });
    </script>
</head>

<body>

    <div id="wrapper">

        <!-- Navigation -->
        <nav class="navbar navbar-inverse navbar-fixed-top" role="navigation">
            <!-- Brand and toggle get grouped for better mobile display -->
            <div class="navbar-header">
                <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-ex1-collapse">
                    <span class="sr-only">Toggle navigation</span>
                    <span class="icon-bar"></span>
                    <span class="icon-bar"></span>
                    <span class="icon-bar"></span>
                </button>
                <a class="navbar-brand" href="../index">QA Blued</a>
            </div>
            <!-- Top Menu Items -->
            <ul class="nav navbar-right top-nav">
                <li class="dropdown">
                    <a href="#" data-toggle="dropdown"><i class="fa fa-envelope"></i> <b class="caret"></b></a>
                </li>
                <li class="dropdown">
                    <a href="#" class="dropdown-toggle" data-toggle="dropdown"><i class="fa fa-bell"></i> <b class="caret"></b></a>
                </li>
                <li class="dropdown">
                    <a id="login"><i class="fa fa-user">&nbsp; </i>{{username1}} <b id="caret"></b></a>
                    <ul class="dropdown-menu" id="xialalist">
                        <li>
                            <a href="#"><i class="fa fa-fw fa-user"></i> Profile</a>
                        </li>
                        <li>
                            <a href="#"><i class="fa fa-fw fa-envelope"></i> Inbox</a>
                        </li>
                        <li>
                            <a href="#"><i class="fa fa-fw fa-gear"></i> Settings</a>
                        </li>
                        <li>
                            <a href="../admin"><i class="fa fa-fw fa-bank"></i> back-end</a>
                        </li>
                        <li class="divider"></li>
                        <li>
                            <a href="/qa/logout/"><i class="fa fa-fw fa-power-off"></i> Log Out</a>
                        </li>
                    </ul>
                </li>

{#                <li id="zhuce">#}
{#				    <a href="/blued/register/">注册</a>#}
{#                </li>#}

            </ul>
            <div class="collapse navbar-collapse navbar-ex1-collapse">
                <ul id="left-background" class="nav navbar-nav side-nav">
                    <li>
                        <a href="../index"><i class="fa fa-fw fa-dashboard"></i> Dashboard</a>
                    </li>
{#                    {% if username != None %}#}
                        <li>
                            <a href="javascript:;" data-toggle="collapse" data-target="#cryptos">
                                <i class="fa fa-fw fa-briefcase"></i> Test Tools <i class="fa fa-fw fa-caret-down"></i>
                            </a>
                            <ul id="cryptos" class="collapse {{ dropdown_tt }}">
                                <li>
                                    <a href="../crypto" style="{{ bg_crypoto }}">Encryption and decrypt</a>
                                </li>
                                <li>
                                    <a href="../online" style="{{ bg_anchor_tools }}">Online</a>
                                </li>
                                <li>
                                    <a href="../parameters" style="{{ bg_parameters }}">App Parameters</a>
                                </li>
                                <li>
                                    <a href="../json" style="{{ myjson }}">json格式化</a>
                                </li>
                                <li>
                                    <a href="../loader" style="{{ bg_loader }}">接口发射器</a>
                                </li>

                            </ul>
                        </li>
{#                    {% endif %}#}
                    <li>
                        <a href="javascript:;" data-toggle="collapse" data-target="#tables">
                            <i class="fa fa-fw fa-table"></i> Test Table <i class="fa fa-fw fa-caret-down"></i>
                        </a>
                        <ul id="tables" class="collapse {{ dropdown_tb }}">
{#                            <li>#}
{#                                <a href="../table">User Manager</a>#}
{#                            </li>#}
                            <li>
                                <a href="../autocli" style="{{ bg_autocli }}">Auto Client</a>
                            </li>
                            <li>
                                <a href="../autoser" style="{{ bg_autoser }}">Auto Server - Online</a>
                            </li>
                            <li>
                                <a href="../ua" style="{{ bg_ua }}">User Agent</a>
                            </li>
                            <li>
                                <a href="../autoser_test" style="{{ bg_autoser_test }}">Auto Server - Debug</a>
                            </li>
                        </ul>
                    </li>
                    <li>
                        <a href="../release_table"><i class="fa fa-fw fa-file-excel-o"></i> Release Table</a>
                    </li>
                    <li>
                        <a href="../download"><i class="fa fa-fw fa-download"></i> Download</a>
                    </li>
{#                    <li>#}
{#                        <a href="../chart"><i class="fa fa-fw fa-bar-chart-o"></i> Chart</a>#}
{#                    </li>#}
                    <li>
                        <a href="../myblog"><i class="fa fa-fw fa-xing-square"></i> Blog</a>
                    </li>
                </ul>
            </div>
        </nav>
     {% block main %}
     
     {% endblock %}
    </div>

</body>
</html>
